<div class='mkt-page-gift-cards'>

  <svg height='0' style='position: absolute' width='0'>
    <symbol id='svg-opencollective-logo' viewbox='0 0 28 29'>
      <path clip-rule='evenodd' d='M25.3181 6.02884C26.8768 8.29254 27.7904 11.0413 27.7904 14.0054C27.7904 16.9695 26.8768 19.7186 25.3181 21.982L21.7188 18.3541C22.4256 17.065 22.8279 15.5824 22.8279 14.0054C22.8279 12.4284 22.4256 10.9461 21.7188 9.65697L25.3181 6.02884Z' fill-rule='evenodd' fill='white' opacity='0.56'></path>
      <path clip-rule='evenodd' d='M21.809 2.49194L18.2094 6.1198C16.9305 5.40733 15.4598 5.00181 13.8952 5.00181C8.96191 5.00181 4.96247 9.03294 4.96247 14.0053C4.96247 18.9778 8.96191 23.0089 13.8952 23.0089C15.4598 23.0089 16.9305 22.6034 18.2094 21.8909L21.809 25.5188C19.5632 27.0899 16.836 28.0107 13.8952 28.0107C6.22115 28.0107 0 21.7402 0 14.0053C0 6.27047 6.22115 0 13.8952 0C16.836 0 19.5632 0.920826 21.809 2.49194Z' fill-rule='evenodd' fill='white'></path>
    </symbol>
    <symbol id='svg-add-tiny' viewbox='0 0 8 8'>
      <path clip-rule='evenodd' d='M4.0005 0C3.44794 0 3 0.447939 3 1.0005V3H1C0.447715 3 0 3.44772 0 4V4C0 4.55228 0.447715 5 1 5H3V6.9995C3 7.55206 3.44794 8 4.0005 8V8C4.55306 8 5.001 7.55206 5.001 6.9995V5H7C7.55228 5 8 4.55228 8 4V4C8 3.44772 7.55228 3 7 3H5.001V1.0005C5.001 0.447939 4.55306 0 4.0005 0V0Z' fill-rule='evenodd'></path>
    </symbol>
    <symbol id='svg-minus-tiny' viewbox='0 0 8 2'>
      <rect height='2' rx='1' width='8'></rect>
    </symbol>
    <symbol id='svg-checkmark-tiny' viewbox='0 0 8 8'>
      <path d='M3.30913 8C3.0158 8 2.73358 7.88442 2.52358 7.67438L0.32583 5.47599C-0.10861 5.04257 -0.10861 4.34021 0.32583 3.90569C0.760269 3.47116 1.46248 3.47116 1.89692 3.90569L3.16913 5.17835L5.98574 0.462633C6.34352 -0.0341285 7.03573 -0.149706 7.53683 0.20814C8.03572 0.565985 8.14905 1.26056 7.79128 1.75843L4.21134 7.53769C4.01245 7.81663 3.68357 8 3.30913 8Z'></path>
    </symbol>
    <symbol id='svg-alert-tiny' viewbox='0 0 2 8'>
      <path clip-rule='evenodd' d='M0 4V1C0 0.354858 0.447754 0 1 0C1.55225 0 2 0.354858 2 1V4C2 4.64514 1.55225 5 1 5C0.447754 5 0 4.64514 0 4ZM2 7C2 7.55225 1.55225 8 1 8C0.447754 8 0 7.55225 0 7C0 6.44775 0.447754 6 1 6C1.55225 6 2 6.44775 2 7Z' fill-rule='evenodd'></path>
    </symbol>
    <symbol height='81' id='svg-card-waves' preserveAspectRatio='xMidYMax meet' viewbox='0 0 288 81' width='288'>
      <g fill-rule='evenodd' fill='none' stroke-width='1' stroke='none'>
        <path d='M288,12.4570165 L288,81.0000165 L0,81.0000165 L0,56.2650165 C177.12,69.4070165 120.24,-3.60588353 288,12.4570165 Z' fill='#FFFFFF'></path>
        <path d='M0,53.9550165 C135.72,56.2140165 109.8,-25.8974835 288,8.37871647 C288,9.13201647 288,11.4933165 288,13.0000165 C123,-4.49998353 177.12,69.7740165 0,56.2140165 C0,12.5219165 0,55.8380165 0,53.9550165 Z' fill-opacity='0.48' fill-rule='nonzero' fill='#FFFFFF' opacity='0.4'></path>
        <path d='M0,11.5714165 C106.2,11.5714165 161.64,51.8360165 288,35.2790165 C288,30.7630165 288,54.8470165 288,57.8570165 C280.44,57.8570165 32.4,57.8570165 0,57.8570165 C0,14.2056165 0,13.4529165 0,11.5714165 Z' fill-opacity='0.48' fill-rule='nonzero' fill='#FFFFFF' opacity='0.24'></path>
      </g>
    </symbol>
  </svg>

  <section class='hero relative'>
    <div class='wrapper center relative'>
      <header>
        <div class='flex items-center justify-center primary200 pb4'>
          <svg height='1' opacity='0.56' width='40'>
            <rect height='1' width='40'></rect>
          </svg>
          <svg class='mx1' height='29' width='28'>
            <use xlink:href='#svg-opencollective-logo'></use>
          </svg>
          <svg height='1' opacity='0.56' width='40'>
            <rect height='1' width='40'></rect>
          </svg>
        </div>
        <h1 class='h600 white100 -font-extra-bold pb4'>Doneu el regal de regalar.</h1>
        <h2 class='h300 primary50 -font-semi-bold pb4 lg-col-6 md-col-8 mx-auto'>Les targetes regal Open Collective permeten als vostres empleats o membres de la comunitat donar suport als projectes de codi obert que els agrada.</h2>
      </header>
      <img alt='persones amb targetes regal' src='images/illustration.svg'>
    </div>
  </section>

  <section class='features'>
    <section class='wrapper'>
      <div class='md-flex items-center'>
        <div class='md-col-5 pb4 md-pb0'>
          <h1 class='h600 -font-extra-bold neutralsolid900 pb4'>Ens encarreguem de tot.</h1>
          <p class='neutralsolid700'>Només cal que proporcioneu una llista de correus electrònics i us enviarem els codis de bescanvi. També podeu afegir un missatge personal. Només farem un càrrec al vostre mètode de pagament quan s’utilitzi una targeta regal per fer una donació. Podeu restringir les targetes regal a determinats tipus de col·lectius (per etiqueta o per amfitrió) així podeu continuar tenint el control dels tipus de col·lectius a qui es pot donar suport amb els vostres diners. Cada mes rebreu una factura consolidada per amfitrió.</p>
        </div>
        <div class='md-col-1'></div>
        <div class='md-col-6 center md-flex'>
          <picture>
            <img alt='edita l&#039;organització' class='mobile-show' src='images/phone-send-cards.jpg'>
            <img alt='edita l&#039;organització' class='mobile-hide' src='images/triplebyte-edit-organization.jpg'>
          </picture>
        </div>
      </div>
    </section>
    <section class='wrapper'>
      <div class='md-flex items-center'>
        <div class='md-col-5 order-2 pb4 md-pb0'>
          <h1 class='h600 -font-extra-bold neutralsolid900 pb4'>Feu-ho a la vostra manera.</h1>
          <p class='neutralsolid700'>Genereu codis de bescanvi i envieu-los per correu electrònic, doneu targetes impreses o bé distribuïu-los com vulgueu.</p>
        </div>
        <div class='md-col-6 center md-flex justify-end'>
          <picture>
            <img alt='codis de bescanvi personalitzats' class='mobile-show' src='images/phone-redeem-codes.jpg'>
            <img alt='codis de bescanvi personalitzats' class='mobile-hide' src='images/airbnb-edit-organization.jpg'>
          </picture>
        </div>
        <div class='md-col-1'></div>
      </div>
    </section>
    <section class='wrapper'>
      <div class='md-flex items-center'>
        <div class='md-col-5 pb4 md-pb0'>
          <h1 class='h600 -font-extra-bold neutralsolid900 pb2'>Feu un esforç extra.</h1>
          <p class='neutralsolid700'>Feu servir la nostra API per generar visualitzacions al vostre lloc web o d’altres idees creatives. Vegeu per exemple <a href="https://triplebyte.com/open-source-donations"> la pàgina de codi obert que ha creat Triplebyte </a>.</p>
        </div>
        <div class='md-col-1'></div>
        <div class='md-col-6 center md-flex'>
          <picture>
            <img alt='captura de pantalla' class='mobile-show' src='images/phone-api.jpg'>
            <img alt='principals projectes recolzats fins ara' class='mobile-hide' src='images/top-projects.jpg'>
          </picture>
        </div>
      </div>
    </section>
  </section>

  <section class='companies'>
    <div class='wrapper'>
      <header class='center pb4'>
        <h1 class='h600 -font-extra-bold neutralsolid900 pb4'>Estareu en bona companyia.</h1>
        <h2 class='h300 neutralsolid900'>Vegeu com altres organitzacions ja utilitzen targetes de regal Open Collective.</h2>
      </header>
      <div class='gift-cards'>
        <article class='sm-flex'>
          <div class='card-col sm-col-6 pb4 md-pb0'>
            <div class='gift-card triplebyte-card'>
              <div class='flex'>
                <div class='gift-card-avatar col-6'>
                  <img alt='avatar de triplebyte' src='images/triplebyte-avatar.png'>
                </div>
                <div class='gift-card-text col-6'>
                  <p class='paragraph white48'>Hola! Aquesta és la teva targeta regal triplebyte!</p>
                </div>
              </div>
              <svg class='gift-card-svg' viewbox='0 0 288 81'>
                <use xlink:href='#svg-card-waves'></use>
              </svg>
              <div class='gift-card-amount'>
                <p>
                <span class='h400'>$100</span>
                <sup class='caption neutralsolid500'>USD</sup>
                </p>
              </div>
            </div>
          </div>
          <div class='card-desc-col sm-col-6'>
            <header>
              <h1 class='h400 pb4 neutralsolid800 -font-extra-bold'>Triplebyte</h1>
              <h2 class='h400 pb4 neutralsolid500'>"Estem aprofitant el coneixement acumulat dels nostres usuaris per descentralitzar els fons de codi obert"</h2>
            </header>
            <p class='neutralsolid800'>Triplebyte proporciona a tots els enginyers de programari acceptats a la seva plataforma 100 dòlars per donar als seus projectes favorits de programari de codi obert.</p>
          </div>
        </article>
        <article class='sm-flex'>
          <div class='card-col sm-col-6 pb4 md-pb0'>
            <div class='gift-card digital-ocean-card'>
              <div class='flex'>
                <div class='gift-card-avatar col-6'>
                  <img alt='avatar de digital ocean' src='images/digital-ocean-avatar.png'>
                </div>
                <div class='gift-card-text col-6'>
                  <p class='paragraph white48'>Hola! Aquesta és la teva targeta regal triplebyte!</p>
                </div>
              </div>
              <svg class='gift-card-svg' viewbox='0 0 288 81'>
                <use xlink:href='#svg-card-waves'></use>
              </svg>
              <div class='gift-card-amount'>
                <p>
                <span class='h400'>$100</span>
                <sup class='caption neutralsolid500'>USD</sup>
                </p>
              </div>
            </div>
          </div>
          <div class='card-desc-col sm-col-6'>
            <header>
              <h1 class='h400 pb4 neutralsolid800 -font-extra-bold'>DigitalOcean</h1>
              <h2 class='h400 pb4 neutralsolid500'>"Un regal per als millors col·laboradors de la nostra comunitat"</h2>
            </header>
            <p class='neutralsolid800'>DigitalOcean premia els ambaixadors dels seus productes amb targetes de regal.</p>
          </div>
        </article>
        <article class='sm-flex'>
          <div class='card-col sm-col-6 pb4 md-pb0'>
            <div class='gift-card airbnb-card'>
              <div class='flex'>
                <div class='gift-card-avatar col-6'>
                  <img alt='avatar d&#039;Airbnb' src='images/airbnb-avatar.png'>
                </div>
                <div class='gift-card-text col-6'>
                  <p class='paragraph white48'>Hola! Aquesta és la teva targeta regal d'Airbnb!</p>
                </div>
              </div>
              <svg class='gift-card-svg' viewbox='0 0 288 81'>
                <use xlink:href='#svg-card-waves'></use>
              </svg>
              <div class='gift-card-amount'>
                <p>
                <span class='h400'>$100</span>
                <sup class='caption neutralsolid500'>USD</sup>
                </p>
              </div>
            </div>
          </div>
          <div class='card-desc-col sm-col-6'>
            <header>
              <h1 class='h400 neutralsolid800 pb4 -font-extra-bold'>Airbnb</h1>
              <h2 class='h400 pb4 neutralsolid500'>" Host de codi obert"</h2>
            </header>
            <p class='neutralsolid800'>Per garantir que el codi obert sempre pertanyi aquí, Airbnb regalarà targetes regal als candidats d'enginyeria.</p>
          </div>
        </article>
      </div>
    </div>
  </section>

  <section class='faq'>
    <div class='wrapper'>
      <header>
        <h1 class='h400'>Preguntes més freqüents</h1>
      </header>
      <div class='md-col-8 mx-auto'>
        <details class='pb1'>
          <summary class='pb1 neutralsolid800 -font-medium'>
            Què passa si no s'utilitzen les targetes regal?<svg height='8' width='8'>
              <use class='closed-icon' xlink:href='#svg-add-tiny'></use>
              <use class='open-icon' xlink:href='#svg-minus-tiny'></use>
            </svg>
          </summary>
          <p class='pb1 paragraph neutralsolid600'>Només se't cobrarà quan s'utilitzin les targetes regal. Si regaleu una targeta regal de 50 dòlars a 10 dels vostres empleats i s'usen tan sols 8, només se us cobraran 400 dòlars.</p>
        </details>
        <hr>
        <details class='pb1'>
          <summary class='pb1 neutralsolid800 -font-medium'>
            Rebré una factura?            <svg height='8' width='8'>
              <use class='closed-icon' xlink:href='#svg-add-tiny'></use>
              <use class='open-icon' xlink:href='#svg-minus-tiny'></use>
            </svg>
          </summary>
          <p class='pb1 paragraph neutralsolid600'>Sí, rebràs una factura mensual consolidada adequada del <a href='https://opencollective.com/opensource'>Col·lectiu font obert 501c6.</a></p>
        </details>
        <hr>
        <details class='pb1'>
          <summary class='pb1 neutralsolid800 -font-medium'>
            Hi ha cap termini d'expiració?            <svg height='8' width='8'>
              <use class='closed-icon' xlink:href='#svg-add-tiny'></use>
              <use class='open-icon' xlink:href='#svg-minus-tiny'></use>
            </svg>
          </summary>
          <p class='pb1 paragraph neutralsolid600'>Per defecte, les targetes regal caduquen al cap de 3 mesos, però pots definir la teva pròpia data de caducitat. Si no s'utilitzen abans de la data de caducitat, queden inactives i no se't cobrarà.</p>
        </details>
        <hr>
        <details class='pb1'>
          <summary class='pb1 neutralsolid800 -font-medium'>
            He rebut una targeta regal, cal que ho gasti tot de cop?            <svg height='8' width='8'>
              <use class='closed-icon' xlink:href='#svg-add-tiny'></use>
              <use class='open-icon' xlink:href='#svg-minus-tiny'></use>
            </svg>
          </summary>
          <p class='pb1 paragraph neutralsolid600'>No. No, podeu usar la targeta regal per a donar qualsevol quantitat a qualsevol col·lectiu sempre que tingueu prou saldo a la targeta.</p>
        </details>
        <hr>
        <details class='pb1'>
          <summary class='pb1 neutralsolid800 -font-medium'>
            Qui es presentarà com a mecenes? La meva empresa o el meu empleat?
            <svg height='8' width='8'>
              <use class='closed-icon' xlink:href='#svg-add-tiny'></use>
              <use class='open-icon' xlink:href='#svg-minus-tiny'></use>
            </svg>
          </summary>
          <p class='pb1 paragraph neutralsolid600'>Tots dos! La persona a qui heu donat la targeta regal és qui tria els col·lectius als quals vol donar suport. Però en el donatiu es mostrarà que ha usat una targeta regal de la vostra empresa i també es mostrarà l'empresa com a patrocinador del col·lectiu. Per exemple, <a href='https://opencollective.com/triplebyte'>Triplebyte</a> es mostra com a patrocinador d'<a href='https://opencollective.com/electron'>Electron</a>.</p>
        </details>
      </div>
    </div>
  </section>

  <section class='cta-bottom relative'>
    <div class='center'>
      <svg class='bubbles' height='149' viewbox='0 0 448 149' width='448' xmlns='http://www.w3.org/2000/svg'>
        <path d='M37.2 74.4C57.7449 74.4 74.3999 57.745 74.3999 37.2C74.3999 16.655 57.7449 0 37.2 0C16.655 0 0 16.655 0 37.2C0 57.745 16.655 74.4 37.2 74.4Z' fill='#FFF'></path>
        <path d='M229.2 93.4C249.745 93.4 266.4 76.745 266.4 56.2C266.4 35.655 249.745 19 229.2 19C208.655 19 192 35.655 192 56.2C192 76.745 208.655 93.4 229.2 93.4Z' fill='#FFF'></path>
        <path d='M417 81C434.121 81 448 67.1208 448 50C448 32.8792 434.121 19 417 19C399.879 19 386 32.8792 386 50C386 67.1208 399.879 81 417 81Z' fill='#FFF'></path>
        <path d='M361 113C367.627 113 373 107.627 373 101C373 94.3726 367.627 89 361 89C354.373 89 349 94.3726 349 101C349 107.627 354.373 113 361 113Z' fill='#FFF'></path>
        <path d='M279 136C290.046 136 299 127.046 299 116C299 104.954 290.046 96 279 96C267.954 96 259 104.954 259 116C259 127.046 267.954 136 279 136Z' fill='#FFF'></path>
        <path d='M203 149C206.866 149 210 145.866 210 142C210 138.134 206.866 135 203 135C199.134 135 196 138.134 196 142C196 145.866 199.134 149 203 149Z' fill='#FFF'></path>
        <path d='M147.6 117.2C157.873 117.2 166.2 108.872 166.2 98.6C166.2 88.3275 157.873 80 147.6 80C137.328 80 129 88.3275 129 98.6C129 108.872 137.328 117.2 147.6 117.2Z' fill='#FFF'></path>
      </svg>
    </div>
    <br/>
    <br/>
    <div class='wrapper'>
      <header class='center'>
        <h1 class='h600 white100 -font-extra-bold'>Uneix-te a la festa de regals!</h1>
      </header>
    </div>
  </section>

</div>
